<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业一</title>
		<style>
			div#parent {
			    width: 800px;
			    height: 60px;
			    border: 1px solid #b4b4b4;
							  padding: 30px;
							  margin-bottom: 20px;
			}
			div#son {
			  width: 700px;
			  border: 1px solid #b4b4b4;
			  margin-top: 30px;
			  margin-left: 50px; 
			}
			div a{
				border: 1px solid #ccc;
				padding: 8px;
				margin-left:5px ;
			}
			div a.current{
			border: 0px solid red ;
			color: #000;
			   text-decoration: none;
			   }
		</style>
		<head>
	<body>
	<div id="parent">
	        <div id="son"></div>
	    </div> 
	<div>
		<a href="#" class="current" >1</a>
		<a href="#">2</a>
		<a href="#">3</a>
		<a href="#">4</a>
		<a href="#">5</a>
		<a href="#">6</a>
	</body>
</html>